<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加员工</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css">
    <link rel="stylesheet" href="../../static/css/staff/index.css">
</head>
<body>
    <div id="main">
        <div class="title">
            <h3 style="font-weight: bold;">添加员工</h3>
            <hr class="layui-bg-green">
        </div>
        <form class="layui-form layui-form-pane m-form">
            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" autocomplete="off" lay-verify="required" placeholder="请输入姓名" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="sex" value="1" title="男" checked>
                    <input type="radio" name="sex" value="0" title="女">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">年龄</label>
                <div class="layui-input-inline">
                    <input type="text" name="age" placeholder="请输入年龄" lay-verify="number" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline" style="margin-bottom: 0px;">
                    <label class="layui-form-label">出生日期</label>
                    <div class="layui-input-block" style="width: 190px;">
                        <input type="text" name="birthDate" id="birthDate" placeholder="1990-1-1" lay-verify="required|date" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">政治面貌</label>
                <div class="layui-input-inline">
                    <select name="politicalStatus" lay-filter="politicalStatus" lay-verify="required">
                        <option value="" selected></option>
                        <option value="共青团员">共青团员</option>
                        <option value="党员">党员</option>
                        <option value="预备党员">预备党员</option>
                        <option value="群众">群众</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-inline">
                    <input type="text" name="phone" lay-verify="required|phone" placeholder="请输入手机号码" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">电子邮箱</label>
                <div class="layui-input-inline">
                    <input type="text" name="email" lay-verify="required|email" placeholder="请输入电子邮箱" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">地址</label>
                <div class="layui-input-inline">
                    <select name="province" id="province" lay-verify="required" lay-search lay-filter="province">
                        <option value="">请选择省</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="margin-left: -11px;">
                    <select name="city" id="city" lay-verify="required" lay-search lay-filter="city">
                        <option value="">请选择市</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="margin-left: -11px;">
                    <select name="district" id="district" lay-verify="required" lay-search>
                        <option value="">请选择县/区</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">职位</label>
                <div class="layui-input-inline">
                    <select name="post" lay-filter="post" lay-verify="required">
                        <option value="" selected></option>
                        <option value="会计">会计</option>
                        <option value="业务员">业务员</option>
                        <option value="市场营销员">市场营销员</option>
                        <option value="业务经理">业务经理</option>
                        <option value="运输司机">运输司机</option>
                        <option value="仓库人员">仓库人员</option>
                        <option value="仓库主管">仓库主管</option>
                        <option value="电子商务人员">电子商务人员</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">薪水</label>
                <div class="layui-input-inline">
                    <input type="text" name="salary" lay-verify="required" placeholder="请输入薪水" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text" style="width: 56.5%;">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea id="note" placeholder="请输入......" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" lay-submit lay-filter="submit">提交</button>
                <button type="reset" class="layui-btn layui-btn-warm" style="margin-left: -4px;">重置</button>
            </div>
        </form>
    </div>
</body>
<script src="../../static/js/jquery-3.4.1.js"></script>
<script src="../../static/layui/layui.js"></script>
<script src="../../static/js/staff/index.js"></script>
</html>